<!--
Copyright (c) 2021-2024 SigScalr, Inc.

This file is part of SigLens Observability Solution

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE html>
<html lang="en">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5SBJC04YFB"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-5SBJC04YFB');
</script>

<head>
    <meta charset="UTF-8">
    <title>SigLens</title>

    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png">
    <link rel="manifest" href="./assets/site.webmanifest">
    <link rel="mask-icon" href="./assets/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">

    <link rel="stylesheet" href="./css/lib/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/lib/all.min.css" />
    <link rel="stylesheet" href="./css/lib/jquery-ui.min.css" />
    <link rel="stylesheet" href="./css/siglens.css?cb={{ AppVersion }}" />
    <link rel="stylesheet" href="./css/query-builder.css?cb={{ AppVersion }}" />

    <script src="./js/lib/lodash.min.js"></script>
    <script src="./js/lib/jquery-3.6.0.min.js"></script>
    <script src="./js/lib/jquery-ui.min.js"></script>
    <script src="./js/lib/js.cookie.min.js"></script>
    <script src="./js/lib/moment.min.js"></script>
    <script src="./js/lib/date_fns.min.js"></script>
    <script src="./js/lib/popper.min.js"></script>
    <script src="./js/lib/bootstrap.bundle.min.js"></script>
    <script>
        var defaultTheme = Cookies.get('theme') || 'light';
        $('html').attr('data-theme', defaultTheme);
    </script>
    {{ .RunCheck1 | safeHTML }}
</head>

<body>
    <div id="app-container">
        <div id="app-side-nav">
        </div>

        <div class="myOrg">
            <div class="myOrg-container">
                <div id="traces-cards-view">
                    <h5 class="myOrg-heading">Observability Pipelines</h5>
                    <div class="ingestion-cards-container">
                        <div class="ingestion-card traces-card" data-source="OpenTelemetry Collector">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="29"
                                        height="29">
                                        <path fill="#f5a800"
                                            d="M67.648 69.797c-5.246 5.25-5.246 13.758 0 19.008 5.25 5.246 13.758 5.246 19.004 0 5.25-5.25 5.25-13.758 0-19.008-5.246-5.246-13.754-5.246-19.004 0Zm14.207 14.219a6.649 6.649 0 0 1-9.41 0 6.65 6.65 0 0 1 0-9.407 6.649 6.649 0 0 1 9.41 0c2.598 2.586 2.598 6.809 0 9.407ZM86.43 3.672l-8.235 8.234a4.17 4.17 0 0 0 0 5.875l32.149 32.149a4.17 4.17 0 0 0 5.875 0l8.234-8.235c1.61-1.61 1.61-4.261 0-5.87L92.29 3.671a4.159 4.159 0 0 0-5.86 0ZM28.738 108.895a3.763 3.763 0 0 0 0-5.31l-4.183-4.187a3.768 3.768 0 0 0-5.313 0l-8.644 8.649-.016.012-2.371-2.375c-1.313-1.313-3.45-1.313-4.75 0-1.313 1.312-1.313 3.449 0 4.75l14.246 14.242a3.353 3.353 0 0 0 4.746 0c1.3-1.313 1.313-3.45 0-4.746l-2.375-2.375.016-.012Zm0 0">
                                        </path>
                                        <path fill="#425cc7"
                                            d="M72.297 27.313 54.004 45.605c-1.625 1.625-1.625 4.301 0 5.926L65.3 62.824c7.984-5.746 19.18-5.035 26.363 2.153l9.148-9.149c1.622-1.625 1.622-4.297 0-5.922L78.22 27.313a4.185 4.185 0 0 0-5.922 0ZM60.55 67.585l-6.672-6.672c-1.563-1.562-4.125-1.562-5.684 0l-23.53 23.54a4.036 4.036 0 0 0 0 5.687l13.331 13.332a4.036 4.036 0 0 0 5.688 0l15.132-15.157c-3.199-6.609-2.625-14.593 1.735-20.73Zm0 0">
                                        </path>
                                    </svg>
                                </div>
                                <h3>OpenTelemetry Collector</h3>
                            </div>
                        </div>
                    </div>
                    <h5 class="myOrg-heading mt-4">SDKs</h5>
                    <div class="ingestion-cards-container">
                        <div class="ingestion-card traces-card" data-source="Go App">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_1" x="0" y="0"
                                        viewBox="0 65 205.388 205.388" width="30" height="30" xml:space="preserve">
                                        <style type="text/css" id="style3761">
                                            .st4 {
                                                fill: #00acd7
                                            }
                                        </style>
                                        <g id="g3800" transform="translate(-24.7 50.788)">
                                            <g id="g3769">
                                                <g id="g3767">
                                                    <g id="g3765">
                                                        <path class="st4"
                                                            d="M40.2 101.1c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h35.7c.4 0 .5.3.3.6l-1.7 2.6c-.2.3-.7.6-1 .6z"
                                                            id="path3763" fill="#00acd7" />
                                                    </g>
                                                </g>
                                            </g>
                                            <g id="g3777">
                                                <g id="g3775">
                                                    <g id="g3773">
                                                        <path class="st4"
                                                            d="M25.1 110.3c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h45.6c.4 0 .6.3.5.6l-.8 2.4c-.1.4-.5.6-.9.6z"
                                                            id="path3771" fill="#00acd7" />
                                                    </g>
                                                </g>
                                            </g>
                                            <g id="g3785">
                                                <g id="g3783">
                                                    <g id="g3781">
                                                        <path class="st4"
                                                            d="M49.3 119.5c-.4 0-.5-.3-.3-.6l1.4-2.5c.2-.3.6-.6 1-.6h20c.4 0 .6.3.6.7l-.2 2.4c0 .4-.4.7-.7.7z"
                                                            id="path3779" fill="#00acd7" />
                                                    </g>
                                                </g>
                                            </g>
                                            <g id="g3798">
                                                <g id="CXHf1q_3_">
                                                    <g id="g3795">
                                                        <g id="g3789">
                                                            <path class="st4"
                                                                d="M153.1 99.3c-6.3 1.6-10.6 2.8-16.8 4.4-1.5.4-1.6.5-2.9-1-1.5-1.7-2.6-2.8-4.7-3.8-6.3-3.1-12.4-2.2-18.1 1.5-6.8 4.4-10.3 10.9-10.2 19 .1 8 5.6 14.6 13.5 15.7 6.8.9 12.5-1.5 17-6.6.9-1.1 1.7-2.3 2.7-3.7h-19.3c-2.1 0-2.6-1.3-1.9-3 1.3-3.1 3.7-8.3 5.1-10.9.3-.6 1-1.6 2.5-1.6h36.4c-.2 2.7-.2 5.4-.6 8.1-1.1 7.2-3.8 13.8-8.2 19.6-7.2 9.5-16.6 15.4-28.5 17-9.8 1.3-18.9-.6-26.9-6.6-7.4-5.6-11.6-13-12.7-22.2-1.3-10.9 1.9-20.7 8.5-29.3 7.1-9.3 16.5-15.2 28-17.3 9.4-1.7 18.4-.6 26.5 4.9 5.3 3.5 9.1 8.3 11.6 14.1.6.9.2 1.4-1 1.7z"
                                                                id="path3787" fill="#00acd7" />
                                                        </g>
                                                        <g id="g3793">
                                                            <path class="st4"
                                                                d="M186.2 154.6c-9.1-.2-17.4-2.8-24.4-8.8-5.9-5.1-9.6-11.6-10.8-19.3-1.8-11.3 1.3-21.3 8.1-30.2 7.3-9.6 16.1-14.6 28-16.7 10.2-1.8 19.8-.8 28.5 5.1 7.9 5.4 12.8 12.7 14.1 22.3 1.7 13.5-2.2 24.5-11.5 33.9-6.6 6.7-14.7 10.9-24 12.8-2.7.5-5.4.6-8 .9zm23.8-40.4c-.1-1.3-.1-2.3-.3-3.3-1.8-9.9-10.9-15.5-20.4-13.3-9.3 2.1-15.3 8-17.5 17.4-1.8 7.8 2 15.7 9.2 18.9 5.5 2.4 11 2.1 16.3-.6 7.9-4.1 12.2-10.5 12.7-19.1z"
                                                                id="path3791" fill="#00acd7" />
                                                        </g>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                        <rect id="rect3809" width="206.958" height="206.968" x="-.82" y="127.733"
                                            ry="3.98" rx="0" fill="none" />
                                        <rect id="rect3813" width="208.019" height="193.956" x="-.29" y="70.953"
                                            ry=".265" fill="none" />
                                        <rect id="rect3815" width="206.427" height="186.792" x="-.82" y="73.871"
                                            ry=".265" fill="none" />
                                    </svg>
                                </div>
                                <h3>Go App</h3>
                            </div>
                        </div>
                        <div class="ingestion-card traces-card" data-source="Java App">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800">
                                        <path fill="#db380e"
                                            d="M396.04 148.233c-36.967 25.999-78.862 55.466-101.31 104.218-38.992 85.055 79.784 177.832 84.86 181.74a6.55 6.55 0 0 0 8.208-.169 6.56 6.56 0 0 0 1.611-8.05c-.43-.828-43.064-83.641-41.48-143.05.561-20.693 29.52-44.166 60.176-69.018 28.078-22.763 59.906-48.561 78.528-78.741 40.882-66.431-4.556-131.754-5.02-132.407a6.56 6.56 0 0 0-7.985-2.203 6.56 6.56 0 0 0-3.771 7.375c.092.433 8.928 43.63-15.66 88.135-10.128 18.39-32.384 34.044-58.158 52.17">
                                        </path>
                                        <path fill="#db380e"
                                            d="M551.779 177.527a6.557 6.557 0 0 0-6.273-11.367c-6.28 2.388-153.776 59.242-153.776 127.938 0 47.355 20.228 72.37 34.998 90.64 5.794 7.165 10.796 13.353 12.444 18.635 4.64 15.224-6.353 42.74-10.977 52.058a6.556 6.556 0 0 0 5.874 9.477 6.54 6.54 0 0 0 3.744-1.175c2.536-1.762 61.98-43.79 51.319-94.427-3.972-19.247-13.43-33.31-21.775-45.719-12.929-19.226-22.266-33.114-8.1-58.764 16.596-29.919 91.76-86.727 92.522-87.296">
                                        </path>
                                        <path fill="#73a1fb"
                                            d="M167.841 465.996c-2.528 7.57-1.334 15.08 3.449 21.723 15.989 22.199 72.625 34.42 159.482 34.42h.01c11.77 0 24.194-.23 36.921-.687 138.868-4.97 190.374-48.233 192.5-50.072a6.56 6.56 0 0 0 1.495-8.042 6.54 6.54 0 0 0-7.513-3.238c-48.908 13.353-140.232 18.094-203.576 18.094-70.88 0-106.977-5.106-115.814-8.877 4.534-6.226 32.503-17.345 67.16-24.162a6.557 6.557 0 0 0-1.266-12.99c-20.314 0-122.198 1.63-132.848 33.83m464.68-44.559c-28.642 0-55.803 14.356-56.947 14.964a6.564 6.564 0 0 0-3.266 7.375 6.56 6.56 0 0 0 6.355 4.966c.608 0 61.097.495 66.575 35.056 4.854 29.816-57.233 78.125-81.566 94.226a6.558 6.558 0 0 0 4.984 11.881c5.776-1.236 141.26-31.092 126.936-109.976-8.74-48.343-39.124-58.492-63.07-58.492M539.607 568.37a6.56 6.56 0 0 0-2.683-6.574l-32.486-22.755a6.58 6.58 0 0 0-5.445-.965c-.34.085-34.312 9.017-83.634 14.493-19.575 2.196-41.5 3.355-63.41 3.355-49.309 0-81.55-5.794-86.245-10.044-.622-1.193-.425-1.736-.314-2.037.853-2.372 5.425-5.19 8.372-6.307a6.556 6.556 0 0 0 3.997-8.057 6.557 6.557 0 0 0-7.811-4.468c-32.588 7.864-48.522 18.861-47.363 32.685 2.06 24.51 58.829 37.09 106.821 40.414 6.902.472 14.366.711 22.18.711h.012c79.804 0 182.11-25.04 183.132-25.294a6.54 6.54 0 0 0 4.877-5.158M294.692 620.97a6.55 6.55 0 0 0 2.678-7.444c-.87-2.802-3.49-4.642-6.434-4.603-4.368.115-42.733 1.847-45.42 26.273-.812 7.3 1.279 13.97 6.218 19.822 13.775 16.325 50.96 26.028 113.658 29.663a376 376 0 0 0 22.397.669c79.711 0 133.396-24.958 135.644-26.02a6.558 6.558 0 0 0 .616-11.527l-41.055-25.063a6.6 6.6 0 0 0-4.755-.823c-.259.054-26.326 5.46-65.666 10.801-7.443 1.013-16.765 1.527-27.703 1.527-39.297 0-83.006-6.42-91.39-10.625-.121-.785.034-1.782 1.212-2.65">
                                        </path>
                                        <path fill="#73a1fb"
                                            d="M350.639 760.706c182.585-.155 280.58-32.625 299.459-53.058 6.683-7.228 7.405-14.072 6.837-18.542-1.403-11-11.423-17.735-12.56-18.466-2.74-1.762-6.418-1.301-8.555 1.164-2.133 2.466-2.183 6.069-.043 8.533 1.152 1.481 1.818 3.961-1.55 7.331-7.546 7.049-83.664 28.444-210.4 34.872-17.361.902-35.57 1.361-54.12 1.364-113.473 0-196.519-15.543-207.42-24.6 4.201-6.037 33.576-15.683 64.815-21.139a6.557 6.557 0 0 0 5.354-7.462c-.546-3.53-3.8-5.96-7.358-5.499-.881.12-3.872.299-7.335.511-51.544 3.147-111.108 10.161-114.216 36.719-.943 8.092 1.461 15.44 7.15 21.833 13.92 15.64 53.932 36.436 239.936 36.436q.003.004.006.003">
                                        </path>
                                        <path fill="#73a1fb"
                                            d="M685.96 713.406a6.55 6.55 0 0 0-7.556 1.487c-.267.29-27.719 28.994-110.256 45.85-31.599 6.332-90.912 9.543-176.292 9.543-85.54 0-166.935-3.366-167.746-3.4-3.4-.166-6.308 2.306-6.77 5.653a6.56 6.56 0 0 0 4.975 7.278c.847.2 86.149 20.185 202.78 20.185 55.94 0 110.374-4.543 161.795-13.508 95.877-16.808 102.59-64.349 102.828-66.365a6.56 6.56 0 0 0-3.757-6.723">
                                        </path>
                                    </svg>
                                </div>
                                <h3>Java App</h3>
                            </div>
                        </div>
                        <div class="ingestion-card traces-card" data-source="Python App">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="115" height="115"
                                        viewBox="0 0 115 115">
                                        <linearGradient id="python-2a" x1="1" x2="62.326" y1="1.332" y2="54.604"
                                            gradientUnits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#5a9fd4"></stop>
                                            <stop offset="1" stop-color="#306998"></stop>
                                        </linearGradient>
                                        <path fill="url(#python-2a)"
                                            d="M55.919 1.333c-4.584.021-8.961.412-12.813 1.094C31.76 4.43 29.7 8.627 29.7 16.364v10.219h26.813v3.406H19.638c-7.793 0-14.616 4.684-16.75 13.594-2.462 10.213-2.571 16.586 0 27.25 1.905 7.938 6.457 13.594 14.25 13.594h9.218v-12.25c0-8.85 7.657-16.657 16.75-16.657h26.782c7.454 0 13.406-6.138 13.406-13.625v-25.53c0-7.267-6.13-12.726-13.406-13.938-4.606-.767-9.386-1.115-13.97-1.094m-14.5 8.219c2.77 0 5.031 2.298 5.031 5.125 0 2.816-2.262 5.093-5.031 5.093-2.78 0-5.031-2.277-5.031-5.093 0-2.827 2.251-5.125 5.03-5.125">
                                        </path>
                                        <linearGradient id="python-3b" x1="70.931" x2="49.031" y1="98.88" y2="67.597"
                                            gradientUnits="userSpaceOnUse">
                                            <stop offset="0" stop-color="#ffd43b"></stop>
                                            <stop offset="1" stop-color="#ffe873"></stop>
                                        </linearGradient>
                                        <path fill="url(#python-3b)"
                                            d="M86.638 29.99v11.905c0 9.231-7.826 17-16.75 17H43.106c-7.336 0-13.406 6.279-13.406 13.625v25.532c0 7.266 6.319 11.54 13.406 13.625 8.488 2.495 16.627 2.946 26.782 0 6.75-1.955 13.406-5.888 13.406-13.625v-10.22H56.513v-3.405H96.7c7.793 0 10.696-5.436 13.406-13.594 2.8-8.4 2.68-16.476 0-27.25-1.926-7.758-5.604-13.594-13.406-13.594ZM71.575 94.644c2.78 0 5.031 2.278 5.031 5.094 0 2.826-2.251 5.125-5.031 5.125-2.77 0-5.031-2.299-5.031-5.125 0-2.816 2.261-5.094 5.031-5.094">
                                        </path>
                                    </svg>
                                </div>
                                <h3>Python App</h3>
                            </div>
                        </div>
                        <div class="ingestion-card traces-card" data-source=".Net App">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="456" height="456" fill="none"
                                        viewBox="0 0 456 456">
                                        <path fill="#512BD4" d="M0 0h456v456H0z"></path>
                                        <path fill="#fff"
                                            d="M81.274 291.333q-4.836 0-8.222-3.223-3.386-3.306-3.386-7.851 0-4.629 3.386-7.934t8.222-3.306q4.917 0 8.302 3.306 3.466 3.305 3.466 7.934 0 4.545-3.466 7.851-3.385 3.223-8.302 3.223m128.893-1.818h-20.958l-55.215-87.109a39 39 0 0 1-3.466-6.86h-.484q.645 3.802.645 16.281v77.688h-18.54V171h22.328l53.362 85.043q3.385 5.29 4.353 7.273h.322q-.806-4.71-.806-15.951V171h18.459zm90.282 0h-64.888V171h62.309v16.695h-43.124v33.554h39.739v16.612h-39.739v35.042h45.703zm92.218-101.82h-33.21v101.82h-19.185v-101.82h-33.129V171h85.524z">
                                        </path>
                                    </svg>
                                </div>
                                <h3>.Net App</h3>
                            </div>
                        </div>
                        <div class="ingestion-card traces-card" data-source="Javascript App">
                            <div class="card-header">
                                <div class="cards-svg-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="30"
                                        height="30">
                                        <path fill="#F0DB4F" d="M1.408 1.408h125.184v125.185H1.408z" />
                                        <path fill="#323330"
                                            d="M116.347 96.736c-.917-5.711-4.641-10.508-15.672-14.981-3.832-1.761-8.104-3.022-9.377-5.926-.452-1.69-.512-2.642-.226-3.665.821-3.32 4.784-4.355 7.925-3.403 2.023.678 3.938 2.237 5.093 4.724 5.402-3.498 5.391-3.475 9.163-5.879-1.381-2.141-2.118-3.129-3.022-4.045-3.249-3.629-7.676-5.498-14.756-5.355l-3.688.477c-3.534.893-6.902 2.748-8.877 5.235-5.926 6.724-4.236 18.492 2.975 23.335 7.104 5.332 17.54 6.545 18.873 11.531 1.297 6.104-4.486 8.08-10.234 7.378-4.236-.881-6.592-3.034-9.139-6.949-4.688 2.713-4.688 2.713-9.508 5.485 1.143 2.499 2.344 3.63 4.26 5.795 9.068 9.198 31.76 8.746 35.83-5.176.165-.478 1.261-3.666.38-8.581zM69.462 58.943H57.753l-.048 30.272c0 6.438.333 12.34-.714 14.149-1.713 3.558-6.152 3.117-8.175 2.427-2.059-1.012-3.106-2.451-4.319-4.485-.333-.584-.583-1.036-.667-1.071l-9.52 5.83c1.583 3.249 3.915 6.069 6.902 7.901 4.462 2.678 10.459 3.499 16.731 2.059 4.082-1.189 7.604-3.652 9.448-7.401 2.666-4.915 2.094-10.864 2.07-17.444.06-10.735.001-21.468.001-32.237z" />
                                    </svg>
                                </div>
                                <h3>Javascript App</h3>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="ingest-inner-container" id="traces-ingestion-details" style="display: none;">
                    <div class="ingestion-content">
                        <div id="traces-data-ingestion">
                            <div class="mt-4">
                                <div class="d-flex mt-4">
                                    <h5 class="myOrg-heading">Setup instructions</h5>
                                    <div class="ingestion-container">
                                        <div>Follow the steps in <a href="" id="traces-setup-instructions-link"
                                                target="_blank">Quick start guide<span
                                                    id="open-new-tab-icon"></span></a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="app-footer">
        </div>
    </div>
    <script src="./js/navbar.js?cb={{ AppVersion }}"></script>
    <script src="./js/common.js?cb={{ AppVersion }}"></script>
    <script src="./js/event-handlers.js?cb={{ AppVersion }}"></script>
    <script src="./js/ingestion.js?cb={{ AppVersion }}"></script>
    <script src="./js/footer.js?cb={{ AppVersion }}"></script>


    {{ .RunCheck2 | safeHTML }}
    {{ .RunCheck3 | safeHTML }}
</body>

</html>